<template>

  <screen :time="objF" :currentEve="currentEve" :questionList="questionList" :list="list"></screen>
</template>

<script>

import screen from './screen.vue'
let camera = null
let renderer = null
let labelRenderer = null
export default {
  name: "lesson7",
  data() {
    return {
      objF:{},
      currentEve:[],
      list:[],
      questionList:[]
    }
  },
  components: {
    screen,
  },
  mounted() {
  
    window.addEventListener('resize', this.onWindowResize);
  },
  methods: {
   
    onWindowResize() {
      // Update camera
      const width = this.$refs.home.clientWidth;
      const height = this.$refs.home.clientHeight;
      camera.aspect = width / height;
      camera.updateProjectionMatrix();
      console.log(camera.position.x + ',' + camera.position.y + ',' + camera.position.z)
      // Update renderer
      renderer.setSize(width, height);
      labelRenderer.setSize(width, height);
    },
  },
}
</script>

<style lang="scss">
.home {
  width: 100%;
  height: 100%;
  background: #053d79;
  position: fixed;

}

.tags {
  background: rgba(0, 0, 0, 0.5);
  padding: 10px 20px;
  color: #fff;
  font-size: 14px;
  border-radius: 5px;
  margin-top: -50px;
}

</style>
